<template>
	<div class="wraper" :class="{isMYKEY:isMYKEY,on:ajaxBtn}">
		<!-- 实名认证状态 -->
		<div class="real-status" :class="{iphoneX:isIphoneX,iphone:isIphone,isMYKEY:isMYKEY}">
			<div class="nav-bar">
				<div class="arrow" @click="goBack"></div>
			</div>
			<div class="content">
				<h1>{{statusShow}}</h1>
				<p class="icon">
					<img v-if="realStatus==1" src="../../static/images/realStatus1.png">
					<img v-if="realStatus==2" src="../../static/images/realStatus2.png">
					<img v-if="realStatus==3" src="../../static/images/realStatus3.png">
				</p>
				<p class="desc">{{statusDesc}}</p>
				<div class="info" v-if="realStatus===2">
					<p class="info2">若认证信息有误</p>
					<p class="info2">请联系客服微信：{{serverWeiXin}}</p>
				</div>
				<div class="info" v-if="realStatus===3">
					<p class="info2">请您检查所填身份信息是否正确</p>
					<p class="info2">如果信息不正确，请您重新填写身份信息</p>
				</div>
			</div>
		</div>
		<!-- 实名认证信息 -->
		<div class="real-info" v-if="realStatus > 0">
			<div class="item">
				<span>地区</span>
				<strong>{{place?place:'中国'}}</strong>
			</div>
			<div class="item">
				<span>姓名</span>
				<strong>{{name}}</strong>
			</div>
			<div class="item">
				<span>证件类型</span>
				<strong>{{IDtype?IDtype:'身份证'}}</strong>
			</div>
			<div class="item">
				<span>证件号码</span>
				<strong>{{IDCard}}</strong>
			</div>
		</div>
		<!-- 可能的操作 -->
		<div class="ctrl" v-if="(realStatus===2 || realStatus===3) && !hideBtn" :class="{iphoneX:isIphoneX}">
			<van-button @click="upload" clas="btn" type="primary" color="#1C4D7F">{{btnStatus}}</van-button>
		</div>
	</div>
</template>
<script src="./realNameStatus.js"></script>
<style scoped>
	@import './realNameStatus.css';
</style>